<% layout('/layouts/default.html', {title: '专项统计-卡片页面', libs: ['validate']}){ %>
<style>
.mian-box{
    flex-wrap: wrap;

padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.content-box{
overflow: hidden;
    box-shadow: 2px 2px 10px 2px #000000;
    cursor: pointer;
    margin: .95vw;
    height: 110px;
    width: 18%;
    /*如果只有四个的话，改这个width的数值，往上调*/
    border-radius: 5px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.content-box i{
    text-align: center;
   transform: scale(5);
    color: #cccccc;
}
.content-box img{
    transform: scale(.5);
}
.word{
    display: block;
    color: #fff;
    font-size: 28px;

}
.num{
    display: block;
    color: #fff;
    font-size: 16px;

}
.red{
    background-color: #ff4d4d;
}
.orange{
    background-color: #ff8b19;
}
    .blue{
        background-color: #4b87ff;
    }
    .green{
        background-color: #1abd6e;
    }
    .porpule{
        background-color: #800080;
    }
    .withle{
        color: #eeeeee;
    }
    .box{
        min-height: 800px;
        background: url("${ctxStatic}/m/images/bg.png") no-repeat;
        background-size:100% 100%;
    }

</style>
<div class="main-content">
    <div class="box box-main">
        <div style="padding: 15px;font-size: 18px;color: #eeeeee">专项统计</div>

        <div class="mian-box">
            <div class="content-box " onclick="toChaiErWeiJin()">
                <p class="word">拆而未尽</p>
                <span class="num">专项统计</span>
            </div>
            <div class="content-box">
                <svg  width="80" height="80" fill="currentColor" class="bi bi-plus-lg withle" viewBox="0 0 16 16">
                    <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z"/>
                </svg>

            </div>
            <div class="content-box">
                <svg  width="80" height="80" fill="currentColor" class="bi bi-plus-lg withle" viewBox="0 0 16 16">
                    <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z"/>
                </svg>

            </div>
        </div>
    </div>
</div>
<% } %>
<script>
    // 打开拆而未尽专项统计页面
    function toChaiErWeiJin() {
        js.addTabPage(null, "拆而未尽","${ctx}/dataview/dcSupImportData/pageOne" , true);
    }
</script>